<script setup lang="ts">
defineOptions({
  name: ""
});
</script>

<template>
  <div class="avant">
    <div class="advan-box">
      <ul class="ads_list2">
        <li>
          <span>01</span>

          <div class="ads_list2_text">
            <h4>技术优势</h4>
            <p>
              资深安全测试专家，拥有前沿安全测试技术和独立研发的安全测试工具
            </p>
          </div>
          <div class="clearfix" />
        </li>
        <li>
          <span>02</span>

          <div class="ads_list2_text">
            <h4>一对一服务</h4>
            <p>
              安全专家一对一细致报告解读，帮助客户修复安全漏洞，解决安全隐患的同时，提高客户技术人员的安全意识能力
            </p>
          </div>
          <div class="clearfix" />
        </li>
        <li>
          <span>03</span>

          <div class="ads_list2_text">
            <h4>构建安全闭环</h4>
            <p>
              整合绿盟科技成熟的漏洞扫描和基线核查产品，为企业构建开发至运维过程的安全闭环
            </p>
          </div>
          <div class="clearfix" />
        </li>
      </ul>

      <img src="./asset/ads5.png" class="ads_main2_i" />
      <div class="clearfix" />
    </div>
  </div>
</template>

<style lang="scss" scoped>
.abvan {
  width: 100%;
  height: 100%;
  box-shadow: 0 -10px 20px rgba(18, 7, 7, 0.06),
    0 10px 20px rgba(18, 7, 7, 0.06);
}
.advan-box {
  width: 1440px;
  margin: 67px auto 67px;
}
.ads_list2 {
  padding-top: 34px;
  width: 60%;
  float: left;
  li {
    margin-bottom: 50px;

    .ads_list2_text {
      float: left;
      margin-left: 28px;
      width: 574px;
      h4 {
        font-size: 20px;
      }

      p {
        font-size: 16px;
        color: #000000;
        line-height: 30px;
        opacity: 0.6;
        margin-top: 16px;
        text-align: justify;
      }
    }
  }
  li > span {
    display: block;
    width: 68px;
    height: 68px;
    background-color: #76b52b;
    text-align: center;
    border-radius: 50%;
    line-height: 68px;
    font-size: 28px;
    color: #ffffff;
    float: left;
  }
}

.ads_main2_i {
  float: right;
  // width: 40%;
  height: 480px;
  width: 480px;
}
</style>
